<template>
	<view>
		<view class="cu-list menu-avatar comment solids-top">
		
			<view class="cu-item" v-for="(item,index) in dataList" :key='item.id'>
					<view  v-if="item.parentId==0" class="cu-avatar round" :style="{backgroundImage:'url('+ item.handlUrl +')'}"></view>
					<view  v-if="item.parentId==0" @tap="handChekDetails(item)" class="content">
						<view class="text-grey">
							<view class="item_name">
								{{item.nickName}}
							</view>
						</view>
						<!-- <view class="text-gray text-content text-df">
							艾欧尼亚
						</view> -->
						<view class="bg-grey padding-sm radius margin-top-sm  text-sm">
							<view class="flex">
								<view class="flex-sub">{{item.content}}</view>
							</view>
						</view>
						<view class="margin-top-sm flex justify-between">
							<view class="text-gray text-df">{{item.createTime}}</view>
							<view>
								<text class="cuIcon-appreciate" :class="item.hotNum==0||item.hotNum==null?'text-gray':'text-yellow'"></text>
								<text class="text-gray text-df" style="margin-left: 6upx;">{{item.hotNum==null?'0':item.hotNum}}</text> 
								<text class="cuIcon-messagefill text-gray margin-left-sm"></text>
								<text class="text-gray text-df" style="margin-left: 6upx;">{{item.yuUserNoticList.length}}</text> 
							</view>
						</view>
					</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			dataList:{
				type:Array,
			}
		},
		data() {
			return {
			
			};
		},
		mounted() {
		},
		methods: {
			handChekDetails(item) {
				this.$emit('handChekDetails',item.orderId)
			},
	
		
		}
	}
</script>

<style lang="scss">
	.item_before {
		margin-left: 12upx;
		color: #B8B8B8;
		font-size: 22upx;
	}
</style>
